<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="bootstrap-4.5.0/dist/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="css/about.css" />

		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="UTF-8"></script>
		<script src="bootstrap-4.5.0/dist/js/bootstrap.bundle.js" type="text/javascript" charset="UTF-8"></script>
		<script src="bootstrap-4.5.0/dist/js/bootstrap.js" type="text/javascript" charset="UTF-8"></script>
		<script src="js/popper.js" type="text/javascript" charset="UTF-8"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- 头部导航栏 -->

		<!-- 头部 -->
		<!-- 头部 -->

		<div class="container py-3">
			<div class="row">
				<div class="col-lg-2 col-12 text-center pb-2">
					<img src="img/logo-header-06.png" />
				</div>
				<!-- 头部搜索框 -->
				<div class="col-lg-6 col-12 mb-3">
					<form class="rounded-pill d-flex border search">
						<ul class="nav ml-3">
							<li class="nav-item">
								<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" style="color: gray;">MOVIES</a>
								<div class="dropdown-menu">
									<a href="#" class="dropdown-item menu_jg">VIDEOS</a>
									<hr style="color: gainsboro;" />
									<a href="#" class="dropdown-item  menu_jg">CATEGORIES</a>
									<hr style="color: gainsboro;" />
									<a href="#" class="dropdown-item menu_jg">POPULAR</a>
								</div>
							</li>
						</ul>
						<input type="text" class="border-0 headfa  border-right-0 border-bottom-0 border-top-0 mr-2 h-75 w-75 align-self-center" />
						<a href="#" class="fa fa-search mr-3 pt-2 mt-1" style="color: gray;"></a>
					</form>
				</div>

				<div class="col-lg-4 d-lg-block d-none ">
					<div class="d-flex flex-wrap ml-auto">
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-facebook fa-1x aa mx-auto"></i>
						</div>
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-twitter fa-1x aa mx-auto"></i>
						</div>
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-google-plus fa-1x aa mx-auto"></i>
						</div>
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-twitter fa-1x aa mx-auto"></i>
						</div>
						<button type="button" class="btn btn-danger rounded-pill">SUBMIT VIDFO</button>
					</div>
				</div>

			</div>
		</div>

		<!-- 头部项目导航栏 -->
		<!-- <div style="background-color: #000000;">


			<div class="container h_two">
				<div class="row header_nav">
					<div class="navbar navbar-expand-md py-0 ">
						<button class="navbar-toggler  py-2 d-block justify-content-center" data-toggle="collapse" data-target="#menu">
							<i class="fa fa-bars bar"></i>
						</button>
						<div class="collapse navbar-collapse " id="menu">
							<ul class="navbar-nav">
								<li class="nav-item px-3">
									<a href="#" class="nav-link">HOME</a>
									
								</li>
								<li class="nav-item">
									<a href="#" class="nav-link">MOVIE</a>
									
								</li>
								<li class="nav-item">
									<a href="#" class="nav-link">VIDEOS</a>
								</li>
								<li class="nav-item">
									<a href="#" class="nav-link">FEATURES</a>
								</li>
								<li class="nav-item">
									<a href="#" class="nav-link">BLOG</a>
								</li>
								<li class="nav-item">
									<a href="#" class="nav-link">CONTACT</a>
								</li>
							</ul>
						</div>
					</div>
					<div class="right ml-auto mt-2">
						<span class="mr-5">
							<i class="fa fa-user"></i>
							<b>WELCOME GUEST!</b>
							<b style="color: red;">LOGIN</b>
						</span>
					</div>
				</div>
			</div>
		</div> -->
		<!-- 头2 -->
		<div class="w-100 headertwo">
			<div class="container">
				<div class="navbar navbar-expand-md py-0">
					<button class="navbar-toggler  mr-5 py-2 d-block justify-content-center" data-toggle="collapse" data-target="#menu">
						<i class="fa fa-bars bar text-light"></i>
					</button>
					<div class="navbar-inner collapse navbar-collapse" id="menu">
						<ul class="nav nav-pills navbar-nav">
							<li><a href="index.html">HOME</a></li>
							<li class="dropdown"><a href="shop.html">MOVIE</a>
								<ul class="dropdown-menu head2 py-0">
									<li><a href="shop.html">Shop</a></li>
									<li><a href="shop_details.html">Shop_details</a></li>
								</ul>
							</li>
							<li class="dropdown"><a href="video.html">VIDEO</a>
								<ul class="dropdown-menu py-0">
									<li><a href="video.html">Video</a></li>
									<li><a href="video_details.html">Video_details</a></li>
								</ul>
							</li>
							<li class="dropdown"><a href="about.html">FEATURES</a>
								<ul class="dropdown-menu py-0">
									<li><a href="about.html">About</a></li>
									<li><a href="submit.html">Submit</a></li>
									<li><a href="list_authors.html">List_authors</a></li>
									<li><a href="authors_details.html">Authors_details</a></li>
								</ul>
							</li>
							<li class="dropdown"><a href="blog.html">BLOG</a>
								<ul class="dropdown-menu py-0">
									<li><a href="blog.html">Blog</a></li>
									<li><a href="blog_details.html">Blog_details</a></li>
								</ul>
							</li>
							<li><a href="contact.us.html">CONTACT</a></li>
						</ul>
					</div>
					<div class="right ml-auto">
						<span class="mr-0">
							<i class="fa fa-user"></i>
							<span>WELCOME GUEST!</span>
							<span style="color: red;">LOGIN</span>
						</span>
					</div>
				</div>
			</div>
		</div>
		<!-- about us -->
		<!-- 背景图 -->
		<div style="background-image:url(img/bg-page-title-03.jpg);width: 100%;height: 200px;">
			<!-- 黑幕 -->
			<div class="container-fluid" style="background-color:rgba(0,0,0,0.5);width: 100%;height: 200px;">


				<!--about-->

				<div class="container p-0">

					<h1 class="text-center pt-5 " style="color: white;">About Us</h1>
					<p class="text-center  py-3 pb-5 " style="color: white;"><span>Home/</span>
						<span style="color: red;">About</span></p>

				</div>
			</div>
		</div>
		<!-- 中间文字 -->
		<div class="container">
			<h3 class="mt-5" style="text-align: center;">
				Let's make great things together!
			</h3>
			<p class="hs mt-5" style="text-align: center;">if you are a newbie to managing a WordPress website.then
				congratulations! You are here at the <br /> right track whit us because we are going to introduce you one of the
				most konwledge when <br /> owing a WordPress Poge.how to find site the best wordpress.hosting service this pracess
				<br /> ofter overlooked</p>
		</div>
		<!-- ------------------- -->
		<div class="container row mx-auto mt-5">
			<!-- 1 -->
			<div class="col-lg-3 col-6">

				<div class="text-center">

					<h1>154879</h1>
					<p class="hs">Visitor</p>
				</div>

			</div>
			<!-- 2 -->
			<div class="col-lg-3 col-6">

				<div class="text-center">

					<h1>254879</h1>
					<p class="hs">Download</p>
				</div>

			</div>
			<!-- 3 -->
			<div class="col-lg-3 col-6">

				<div class="text-center">

					<h1>1548</h1>
					<p class="hs">Trailer</p>
				</div>

			</div>
			<!-- 4 -->
			<div class="col-lg-3 col-6">

				<div class="text-center">

					<h1>4.9</h1>
					<p class="hs">Pating</p>
				</div>

			</div>
		</div>
		<!--  -->
		<!-- 轮播 -->
		<div class="carousel container" id="Carousel" data-ride="carousel">
			<ul class="carousel-inner">
				<li class="carousel-item active">
					<img class="d-block w-100 mw-100 mh-100 " src="img/about-01.jpg" />
				</li>
				<li class="carousel-item">
					<img class="d-block w-100 " src="img/bg-02.jpg" />
				</li>
				<li class="carousel-item ">
					<img class="d-block w-100 " src="img/about-01.jpg" />
				</li>
			</ul>
			<a href="#Carousel" class="carousel-control-prev" data-slide="prev">
				<span class="carousel-control-prev-icon"></span>
			</a>
			<a href="#Carousel" class="carousel-control-next" data-slide="next">
				<span class="carousel-control-next-icon"></span>
			</a>
			<ol class="carousel-indicators">
				<li data-target="#Carousel" data-slide-to="0" class="active"></li>
				<li data-target="#Carousel" data-slide-to="1"></li>
				<li data-target="#Carousel" data-slide-to="2"></li>
			</ol>

		</div>





		<!-- 轮播 -->


		<!-- <div class="container text-center" style="padding: 0px;">
				<div class="carousel" id="Carousel" data-ride='carousel' style="margin: 0px auto;">
 -->
		<!--轮播图片区域-->
		<!-- 	<ul style="width: 70%;margin: 0px auto;" class="carousel-inner ">
						<li style="width: 100%;" class="carousel-item active "><img class="d-block   w-100" src="img/about-01.jpg" /></li>
						<li style="width: 100%;" class="carousel-item "><img class="d-block mx-auto w-100 " src="img/about-01.jpg" /></li>
						<li style="width: 100%;" class="carousel-item "><img class="d-block mx-auto w-100 " src="img/about-01.jpg" /></li>

					</ul> -->
		<!--指示器-->
		<!-- <ol class="carousel-indicators">
						<li data-target='#Carousel' data-slide-to='0' class="active"></li>
						<li data-target='#Carousel' data-slide-to='1'></li>
						<li data-target='#Carousel' data-slide-to='2'></li>

					</ol>
				</div>
			</div> -->

		<div class="container-fluid bg-light mt-5">
			<div class=" d-flex flex-row flex-wrap justify-content-around py-5" style="margin: 0px auto;width: 70%;">
				<img src="./img/brand-02-1.png" class="py-5" />
				<img src="./img/brand-04-1.png" class="py-5 none" />
				<img src="./img/brand-05-1.png" class="py-5 none" />
				<img src="./img/brand-02-1.png" class="py-5 none" />
				<img src="./img/brand-06.png" class="py-5 none" />
			</div>
		</div>







		<!-- OUT SERVICES -->
		<div class="bg-light">
			<div class="container ">

				<h3 class="text-center pt-5 mt-3"><b>OUT SERVICES</b></h3>
				<P class='text-center'>Let's make great things together</P>
				<!-- 三个图标 -->
				<div class="row">
					<div class="col-lg-4 col-md-12 px-3 text-center">
						<img src="img/icon-box-01.png" />
						<h4 class="mt-3">Film Production</h4>
						<p style="color: black;">
							Lorem ipsum dolor sit a met.consectetur dipi elit,<br />
							sed do eiusmod tempor incidunt ut <br />
							labore et dolore magna aloqua
						</p>
					</div>
					<div class="col-lg-4 col-md-12 px-3 text-center">
						<img src="img/icon-box-02.png" />
						<h4 class="mt-3">Film Production</h4>
						Lorem ipsum dolor sit a met.consectetur dipi elit,<br />
						sed do eiusmod tempor incidunt ut <br />
						labore et dolore magna aloqua
					</div>
					<div class="col-lg-4 col-md-12 px-3 text-center">
						<img src="img/icon-box-03.png" />
						<h4 class="mt-3">Film Production</h4>
						Lorem ipsum dolor sit a met.consectetur dipi elit,<br />
						sed do eiusmod tempor incidunt ut <br />
						labore et dolore magna aloqua
					</div>
				</div>

			</div>
		</div>

		<!-- --------------图片轮播---------------- -->
		<!--轮播图片区域-->
		<!-- <div class="container row" style="padding: 0px;">
				<div class="carousel" id="Carousel" data-ride='carousel'>

					
					<ul class="carousel-inner mx-auto">
						<li class="carousel-item active"><img class="d-block " src="img/brand-01-1.png" /></li>
						<li class="carousel-item "><img class="d-block " src="img/brand-02-1.png" /></li>
						<li class="carousel-item "><img class="d-block " src="img/brand-03-1.png" /></li>
						<li class="carousel-item "><img class="d-block " src="img/brand-04-1.png" /></li>
						<li class="carousel-item "><img class="d-block  " src="img/brand-05-1.png" /></li>
					</ul>


				</div>
			</div> -->


		<!-- ----------------------------- -->
		<!-- 图片轮播 -->









		<!-- --------------------- -->
		<!-- CREATIVE TEAM -->
		<div class="container">
			<h3 class="text-center pt-5 mt-3"><b>CREATIVE TEAM</b></h3>
			<P class='text-center'>Let's make great things together!</P>
			<!-- 四人图 -->
			<div class="row">

				<div class="col-lg-3 col-md-6  text-center big">
					<div class="row">
						<div class="col-12">
							<div class="W-100 h-100  overflow-hidden">
								<img src="img/team-01.jpg" />
							</div>
						</div>

						<div class="col-12">
							<h4 class="mt-2">Cytaina W.Capra</h4>
							<p class="hs">
								Reporter
							</p>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6  text-center big">
					<div class="row">
						<div class="col-12">
							<div class="W-100 h-100  overflow-hidden">
								<img src="img/team-02.jpg" />
							</div>
						</div>

						<div class="col-12">
							<h4 class="mt-2">Cytaina W.Capra</h4>
							<p class="hs">
								Reporter
							</p>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6  text-center big">
					<div class="row">
						<div class="col-12">
							<div class="W-100 h-100  overflow-hidden">
								<img src="img/team-03.jpg" />
							</div>
						</div>

						<div class="col-12">
							<h4 class="mt-2">Cytaina W.Capra</h4>
							<p class="hs">
								Reporter
							</p>
						</div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6  text-center big">
					<div class="row">
						<div class="col-12">
							<div class="W-100 h-100  overflow-hidden">
								<img src="img/team-04.jpg" />
							</div>
						</div>

						<div class="col-12">
							<h4 class="mt-2">Cytaina W.Capra</h4>
							<p class="hs">
								Reporter
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>


		<!-- ---------------- -->
		<!-- 尾部 -->
		<div style="background-color:#222222;" class="py-5 mt-5">
			<div class="container row" style="margin: 0px auto;">
				<!--尾- 左 -->
				<div class="col-lg-4 mt-4 text-center zuo">
					<img src="img/logo-header-05.png" class="mt-2" />
					<p class="mt-4 hs">
						Lommodo ligula eget dolor.Aenean massa.Cum sociis
						que penatibus et magins dis parturent montes lorem,
						nascetur ridiculus.Donec quam delis,ultricies nec
						masson.Cum sociis
					</p>

					<!-- <li class="nav-item dropdown btn-group ml-auto mt-3">
							<input type="text" placeholder="Email" style="background-color: #222222;border: white;" class="border w-75 " />
							<a href="#" class="btn" style="background-color: red;color: white;">SUBSCRIBE</a>
						</li> -->
					<form class=" d-flex border-0 W-100 py-3 container">
						<input type="text" class="border border-dark w-75 px-3 ml-auto text-muted" placeholder="Eamil" />
						<a href="#" class="w-50 p-0 ">
							<button type="button" class="text-white border-0 w-100">SUBSCRIBE</button>
						</a>
					</form>

					<div class="tu mt-4">
						<i class="fa fa-facebook  mr-2  hs "></i>
						<i class="fa fa-twitter  mr-2  hs "></i>
						<i class="fa fa-vimeo  mr-2  hs "></i>
						<i class="fa fa-youtube-play  mr-2  hs "></i>
						<i class="fa fa-glide-g  mr-2  hs "></i>
						<i class="fa fa-camera-retro  mr-2  hs "></i>
					</div>


				</div>
				<!--尾- 中 -->
				<div class="col-lg-5 mt-4">

					<p style="color: white;font-weight: bold; font-size: 20px;" class="ml-2">LATSET POSTS</p>

					<div class="row d-flex">
						<!-- 图一 -->
						<div class="col-4  mt-3">

							<img src="img/png-post-01.png" />

						</div>
						<div class="col-8 col-lg-6 mt-3 p-0">
							<p style="color: white;" class="m-0">5 Skin Care Rituals You Should
								Be Doing Before Bed
							</p>
							<p class="hs">Dec 30,2016</p>
						</div>

						<!-- 图二 -->
						<div class="col-4  mt-3">

							<img src="img/png-post-02.png" />

						</div>
						<div class="col-8 col-lg-6 mt-3 p-0 ">
							<p style="color: white;" class="m-0">Fashion Outfit ideas to Try
								From instagram This Week
							</p>
							<p class="hs">Dec 30,2016</p>
						</div>
						<!-- 图三 -->
						<div class="col-4  mt-3">

							<img src="img/png-post-03.png" />

						</div>
						<div class="col-8 col-lg-6   p-0 mt-3">
							<p style="color: white;" class="m-0">7 Soaps to Supercharge Your
								Daily Skincare Routine</p>
							<p class="hs">Dec 30,2016</p>
						</div>
					</div>
				</div>
				<!--尾- 右 -->
				<div class="col-lg-3  mt-4  ">
					<p style="color: white;font-weight: bold; font-size: 20px;" class="ml-2">POPULAR CATEGORY</p>
					<!-- 列表 -->
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Fragrances<span class="r_fd  ">15</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Hair Care<span class="r_fd ">12</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Make Up<span class="r_fd ">6</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Outfits<span class="r_fd ">5</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Skin Care<span class="r_fd ">10</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Style<span class="r_fd ">8</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Fashion<span class="r_fd ">5</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Lifestyle<span class="r_fd ">2</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Wellness<span class="r_fd">3</span></a></p>



				</div>

			</div>


		</div>

		<!-- 最后一行 -->
		<!-- <div class="container-fluid text-center">
				<div class="row" style="background-color: black;">
					<div class="mx-auto col-lg-6">
						<p class="mt-3  text-white">Copyrights © 2018 Cororate WordPress Theme by  All Rights
							<a href="#" class="text-danger">ThimPress</a></p>
					</div>
					
				</div>
			</div> -->
		<!-- 最后一行 -->
		<div class="container-fluid text-center " style="background-color: black;">
			<div class="row">
				<div class="mx-auto col-lg-6">
					<p class="mt-3" style="color: gray;">Copyright 2018 Corporate WordPress Theme by All aright <span style="color: red;">ThimPress</span></p>
				</div>

			</div>
			<button class="btn text-white px-3 mr-4 mb-4" id="test" style="background-color: red; position: fixed;right: 0;bottom: 0;">↑</button>
		</div>




	</body>
	<script type="text/javascript">
		test.onclick = function() {
			scrollTo(0, 0);
		}
	</script>
</html>
